.time-line {
  padding-left: $time-line-padding;
  list-style-type: none !important;  // 去掉ul 默认padding
  li {
    padding-bottom: $time-line-padding;
    margin-bottom: 0px !important;
    position: relative;
    &:before{
      display: inline-block;
      width: $time-line-round-width;
      height: $time-line-round-height;
      border: 3px solid $time-line-white-color;
      border-radius: 50%;
      background: $time-line-normal-color;
      vertical-align: top;
      content: " ";
      position: absolute;
      top: 4px;
      left: -19px;
      z-index: 9999;
    }
  }
   li.active{
    &:before{
      border: 3px solid $time-line-active-border-color;
      background: $time-line-active-color;
      outline: $time-line-white-color solid 3px;
    }
  }
  li:not(:last-child){
    &:after {
      content: " ";
      position: absolute;
      left: -13px;
      bottom: -13px;
      height: 100%;
      border-left: 1px solid $time-line-normal-color;
    }
  }
}